<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>尚硅谷HTML5</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>

    <header>
        <img src="img/atguigu-logo.png" alt="">
        <nav id="menu">
            <a href="#page0">新学科</a>
            <a href="#page1">学科简介</a>
            <a href="#page2">深圳分校</a>
        </nav>
    </header>

    <ul id="pages">
        <li id="page0">
            <div>
                <img src="img/yun.png" alt="尚硅谷让天下没有难学的技术">
            </div>
            <div>
                <h1>尚硅谷让天下没有难学的技术</h1>
                <h3>2017年 Java云计算、PHP学科 火爆登场</h3>
            </div>
        </li>
        <li id="page1">
            <div class="wrapper">
                <div class="box box1">
                    <img src="img/ywfw_1.png" alt="">
                    <p>HTML5学科</p>
                </div>
                <div class="box box2">
                    <img src="img/ywfw_2.png" alt="">
                    <p>JAVA学科</p>
                </div>
                <div class="box box3">
                    <img src="img/ywfw_3.png" alt="">
                    <p>JAVA大数据</p>
                </div>
                <div class="box box4">
                    <img src="img/ywfw_4.png" alt="">
                    <p>Android学科</p>
                </div>
                <div class="box box5">
                    <img src="img/ywfw_5.png" alt="">
                    <p>微信小程序</p>
                </div>
                <div class="box box6">
                    <img src="img/ywfw_6.png" alt="">
                    <p>PHP学科</p>
                </div>
            </div>
        </li>
        <li id="page2">
            <img src="img/sz_banner.jpg" alt="">
        </li>
    </ul>

<script type="text/javascript" src="js/index.js"></script>
</body>
</html>